<style>
    table tr > th, table tr > td {
        text-align: center;
        vertical-align: middle !important;
    }
    #status td {
        text-align: left;
    }
</style>
<div>
    <div class="statistic-box bg-success m-bottom-md" style="margin: 0;padding: 5px;border-radius: 0;">
        {#<div class="statistic-title">#}
        {#</div>#}
        <div class="statistic-value">
            {{ schoolName }}
        </div>
        <div class="m-top-md" style="margin: 0;">
            {% for group in groups %}
                <i style="display:block">
                    {{ group['sGroupName'] }} - 听力 -
                    {{ group['mStandard']['listen']['topicExec'] }}篇 ({{ group['mStandard']['listen']['topicExecUp'] }}篇↑&nbsp;{{ group['mStandard']['listen']['topicExecDown'] }}篇↓)&nbsp;&nbsp;
                    {{ group['mStandard']['listen']['rightRate'] }}% ({{ group['mStandard']['listen']['rightRateUp'] }}%↑&nbsp;{{ group['mStandard']['listen']['rightRateDown'] }}%↓)
                </i>
                <i style="display:block">
                    {{ group['sGroupName'] }} - 阅读 -
                    {{ group['mStandard']['read']['topicExec'] }}篇 ({{ group['mStandard']['read']['topicExecUp'] }}篇↑&nbsp;{{ group['mStandard']['read']['topicExecDown'] }}篇↓)&nbsp;&nbsp;
                    {{ group['mStandard']['read']['rightRate'] }}% ({{ group['mStandard']['read']['rightRateUp'] }}%↑&nbsp;{{ group['mStandard']['read']['rightRateDown'] }}%↓)
                </i>
                <i style="display:block">
                    {{ group['sGroupName'] }} - 完型 -
                    {{ group['mStandard']['blank']['topicExec'] }}篇 ({{ group['mStandard']['blank']['topicExecUp'] }}篇↑&nbsp;{{ group['mStandard']['blank']['topicExecDown'] }}篇↓)&nbsp;&nbsp;
                    {{ group['mStandard']['blank']['rightRate'] }}% ({{ group['mStandard']['blank']['rightRateUp'] }}%↑&nbsp;{{ group['mStandard']['blank']['rightRateDown'] }}%↓)
                </i>
                <i style="display:block">
                    {{ group['sGroupName'] }} - 词汇应用 -
                    {{ group['mStandard']['fillBlank']['topicExec'] }}篇 ({{ group['mStandard']['fillBlank']['topicExecUp'] }}篇↑&nbsp;{{ group['mStandard']['fillBlank']['topicExecDown'] }}篇↓)&nbsp;&nbsp;
                    {{ group['mStandard']['fillBlank']['rightRate'] }}% ({{ group['mStandard']['fillBlank']['rightRateUp'] }}%↑&nbsp;{{ group['mStandard']['fillBlank']['rightRateDown'] }}%↓)
                </i>
            {% endfor %}
        </div>
    </div>
    <div class="statistic-icon-background">
        <i class="ion-eye"></i>
    </div>

    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active">
            <a href="#studs" aria-controls="studs" role="tab" data-toggle="tab">数据表</a>
        </li>
        <li role="presentation">
            <a href="#status" aria-controls="status" role="tab" data-toggle="tab">达标分析</a>
        </li>
    </ul>

    <div class="tab-content">
        <div role="tabpanel" class="tab-pane active" id="studs">
            <table class="table table-hover">
                <tr class="info">
                    <th></th>
                    <th colspan="4">作业</th>
                    <th colspan="2">自练</th>
                    <th colspan="2">总数据</th>
                    <th></th>
                    <th colspan="5">达标情况</th>
                </tr>
                <tr class="info">
                    <th>姓名</th>
                    <th>布置篇数</th>
                    <th>完成篇数</th>
                    <th>满分篇数</th>
                    <th>完成率</th>
                    <th>自练篇数</th>
                    <th>自练满分篇数</th>
                    <th>总满分率</th>
                    <th>平均正确率</th>
                    <th>老师任务</th>
                    <th>全部达标</th>
                    <th>阅读</th>
                    <th>完形</th>
                    <th>听力</th>
                    <th>词汇应用</th>
                </tr>
                {% for row in studs %}
                    <tr>
                        <td>{{ row['userName'] }}</td>
                        <td>{{ row['gameCount'] }}</td>
                        <td>{{ row['finCount'] }}</td>
                        <td>{{ row['homeFull'] }}</td>
                        <td>{{ row['finishRate'] }}%</td>
                        <td>{{ row['selfCount'] }}</td>
                        <td>{{ row['selfFull'] }}</td>
                        <td>{{ row['fullRate'] }}%</td>
                        <td>{{ row['rightRate'] }}%</td>
                        <td>{{ row['groupName'] }}</td>
                        <td>{{ row['status']['total'] }}</td>
                        <td>{{ row['status']['listen'] }}</td>
                        <td>{{ row['status']['read'] }}</td>
                        <td>{{ row['status']['blank'] }}</td>
                        <td>{{ row['status']['fillBlank'] }}</td>
                    </tr>
                {% endfor %}
            </table>
        </div>
        <div role="tabpanel" class="tab-pane" id="status">
            {% for data in status %}
                <table class="table table-bordered" style="text-align: left;">
                    <tr class="info">
                        <th style="width:30%; ">{{ data['explain'] }} - 达标情况</th>
                        <th>名单</th>
                    </tr>
                    {% for row in data['data'] %}
                        <tr>
                            <td>{{ row['explain'] }}</td>
                            <td>
                                {% for name in row['data'] %}
                                    {{ name }}、
                                {% endfor %}
                            </td>
                        </tr>
                    {% endfor %}
                </table>
            {% endfor %}
        </div>
    </div>

</div>